<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="shortcut icon" href="../icon/favicon2.ico" />
<meta charset="UTF-8">
<title>登录-网易考拉海购</title>
<link rel="stylesheet" href="../css/login.css" />
<style type="text/css">
.m-cnt .m-nerror {
	margin-top: 10px;
}

.m-cnt .m-nerror .ferrortail,.m-cnt .m-nerror .ferrortail2,.m-cnt .m-nerror .ferrortail3
	{
	height: 15px;
	color: #fa5b5b;
	background-position: -217px -34px;
}

.m-cnt .m-nerror div {
	display: inline-block;
	overflow: hidden;
}

.m-cnt .m-nerror .ferrorhead,.m-cnt .m-nerror .ferrorhead2,.m-cnt .m-nerror .ferrorhead3
	{
	width: 298px;
	color: #fa5b5b;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	word-break: break-all;
}

.m-cnt .m-nerror .ferrorhead,.m-cnt .m-nerror .ferrorhead2 {
	width: 250px;
}
</style>
<script type="text/javascript"
	src="../js/jquery-1.11.3/jquery-1.11.3.js"></script>
<script type="text/javascript">
			$(function(){
				$(".j-inputtext").focusin(function(){
					$(this).parent().parent().addClass("active");
				});
				$(".j-inputtext").focusout(function(){
					$(this).parent().parent().removeClass("active");
				});
				$("#dologin").click(function(){
					$("#login-form").submit();
				});
			});
		</script>
</head>

<body>
	<header id="docHead" class="j-indexTopFixed">
	<div id="docHeadWrap">
		<a href="/kaola" class="logokaola" title="网易考拉海购" data-param="zn=top"></a>
		<div id="topimg"></div>
	</div>
	</header>
	<div class="login-banner" style="background-image: url();">
		<div class="m-loginBody">
			<img src="../images/login/18cc14f7f9b94b1ebac54679f569d7d2.png"
				class="defaultimg" />
			<div class="m-loginWrap clearfix" id="loginwrap">
				<div class="loginForm">
					<h2 class="clearfix">
						<span class="tit" id="logintitle">登录网易邮箱账号</span>
					</h2>
					<div id="loginbox" class="ph-loading"
						style="min-height: 212px; width: 350px; height: 212px;">
						<div class="m-cnt">
							<form id="login-form" method="post" action="/kaola/users/signin">
								<div class="m-container">
									<div class="inputbox" id="account-box">
										<div class="u-logo">
											<div class="u-logo-img1" id="auto-id-1493819210128"></div>
										</div>
										<div class="u-input box auto-1493819210060-parent"
											id="auto-id-1493819210130">
											<label class="u-label f-dn" style="display: block;">网易邮箱账号</label>
											<input type="text" data-placeholder="网易邮箱账号"
												name="user.account" data-type="email" data-required="true"
												class="j-inputtext dlemail" autocomplete="off" tabindex="1"
												spellcheck="false" placeholder="网易邮箱账号" />
										</div>
									</div>
									<div class="fur-change-email"></div>
									<div class="inputbox">
										<div class="u-logo">
											<div class="u-logo-img2"></div>
										</div>
										<div class="u-input box">
											<label class="u-label f-dn" style="display: block;">密码</label>
											<input type="password" data-placeholder="密码"
												name="user.password" maxlength="16" data-required="true"
												class="j-inputtext dlpwd" autocomplete="new-password"
												data-max-length="20" tabindex="2" spellcheck="false"
												placeholder="密码" />
										</div>
									</div>
									<div class="m-nerror" id="nerror" data-from="null">
										<div class="ferrorhead">
											<s:property value="errors['user.account'][0]" />
										</div>
										<div class="ferrorhead">
											<s:property value="errors['user.password'][0]" />
										</div>
									</div>
									<div class="f-cb loginbox">
										<a id="dologin" data-action="dologin"
											class="u-loginbtn btncolor tabfocus btndisabled" tabindex="8">登&nbsp;&nbsp;录</a>
									</div>
									<div class="m-unlogin">
										<div class="b-unlogn j-unlogn">
											<input type="checkbox" id="un-login" class="un-login"
												checked="checked" /> <label for="un-login">十天内免登录</label>
										</div>
										<a class="forgetpwd j-redirect" data-outlink="1">忘记密码？</a>
									</div>
								</div>
							</form>
						</div>
					</div>
					<ul class="formList" style="width:auto;">
						<li class="regtip"><em> 没有网易邮箱？&nbsp; <a target="_blank"
								href="/kaola/users/register">立即免费注册>></a> </em></li>
					</ul>
					<ul class="m-thirdpart clearfix">
						<li class="text">使用第三方账号登录：</li>
						<li class="wx"><a href="#"> <i class="w-icon w-icon-28"></i>
						</a></li>
						<li class="zfb"><a href="#"> <i
								class="w-icon w-icon-28 w-icon-28-1"></i> </a></li>
						<li class="wb"><a href="#"> <i
								class="w-icon w-icon-28 w-icon-28-2"></i> </a></li>
						<li class="qq"><a href="#"> <i
								class="w-icon w-icon-28 w-icon-28-3"></i> </a></li>
					</ul>
				</div>
				<div class="qrcode"
					style="background-image: url(../images/login/ir76kill77_146_338.jpg);">
					<a href="#" class="qr-hotarea" target="_blank"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div id="aboutNEST">
			<a
				href="http://ir.netease.com/phoenix.zhtml?c=122303&amp;p=irol-IRHome"
				rel="nofollow" target="_blank" title="About NetEase">About
				NetEase</a> <span class="sep">|</span> <a
				href="http://gb.corp.163.com/gb/about/overview.html" rel="nofollow"
				target="_blank" title="公司简介">公司简介</a> <span class="sep">|</span> <a
				href="http://gb.corp.163.com/gb/contactus.html" rel="nofollow"
				target="_blank" title="联系方法">联系方法</a> <span class="sep">|</span> <a
				href="https://www.kaola.com/footer/friendlylink.shtml"
				target="_blank" title="友情链接" data-param="zn=footer">友情链接</a> <span
				class="sep">|</span> <a href="http://hr.163.com/" rel="nofollow"
				target="_blank" title="招聘信息">招聘信息</a> <span class="sep">|</span> <a
				href="http://help.163.com/" rel="nofollow" target="_blank"
				title="客户服务">客户服务</a> <span class="sep">|</span> <a
				href="http://gb.corp.163.com/gb/legal.html" rel="nofollow"
				target="_blank" title="隐私政策">隐私政策</a> <span class="sep">|</span> <a
				href="http://emarketing.163.com/" rel="nofollow" target="_blank"
				title="网络营销">网络营销</a> <span class="sep">|</span> <a
				href="https://www.kaola.com/footer/sitemap.shtml" target="_blank"
				title="网站地图" data-param="zn=footer">网站地图</a> <span class="sep">|</span>
			<a href="https://www.kaola.com/" target="_blank" title="网易考拉海购"
				data-param="zn=footer">网易考拉海购</a> <br> <span class="m-license">网络文化经营许可证：浙网文[2016]0155-055号</span>
			<span class="m-license">增值电信业务经营许可证：浙B2-20090185-3</span> <span
				class="m-license">出版物经营许可证：新出发浙杭经零字第00136号</span> <span
				class="m-license">食品经营许可证：JY13301860112412</span> <br> <a
				target="_blank"
				href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000066">
				<img src="../images/login/f28aa8ee818a42bf832341f605eccefb.png">
			</a> <a target="_blank"
				href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010002000066">
				<span style="margin: 0px 0px 0px 5px;">浙公网安备 33010002000066号</span>
			</a> <span class="m-license">网易公司版权所有©1997-2017</span>
			<div class="f-tac">
				<span id="KXYZ"> <a
					href="https://ss.knet.cn/verifyseal.dll?sn=e15040881010058239iy2f000000&amp;ct=df&amp;a=1&amp;pa=20160215"
					id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式"
					style="display:inline-block;"> <img
						src="../images/login/d720d83b55a04b6f932ea845c673c5bf.png"
						alt="可信网站"> </a> </span> <a class="u-shield"
					href="http://idinfo.zjaic.gov.cn/bscx.do?method=hddoc&amp;id=33010800002332"
					target="_blank"> <img
					src="../images/login/a1c44d335d4c4abd9b3db5977f4d6bd9.gif"
					alt="工商营业执照网上标识"> </a>
			</div>
		</div>
	</div>
</body>
</html>
